<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单中心</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/order/css/style.css">
    <style>
        li{
            list-style:none;
        }
        #nav{
            width:100%;
            height:40px;
            overflow-x:scroll;
            position:relative;
        }

        .list{
            width:160%;
            box-sizing:border-box;
        }
        .aui-center-title1 {
            text-align: center;
            width: 20%;
            white-space: nowrap;
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            font-size: 1.2rem;
            color: #333;
            border: 1px solid #405fff;
        }
    </style>
</head>
<body>
<section class="aui-flexView">
    <header class="aui-navBar1 aui-navBar1-fixed b-line">
        <a href="javascript:history.go(-1)" class="aui-navBar1-item">
            <i class="icon1 icon-return1"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title1">接单</span>
            <span class="aui-center-title1">发单</span>
        </div>
<!--        <div class="aui-center">-->
<!--            <span class="aui-center-title">发单</span>-->
<!--        </div>-->
        <a href="javascript:;" class="aui-navBar1-item">
            <i class="icon icon-more"></i>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-tab" data-ydui-tab="">
            <ul class="tab-nav b-line">
                <div id="nav">
                    <ul class="list">
                        <li class="tab-nav-item tab-active">
                            <a href="javascript:;">
                            <span>全部</span>
                            </a>
                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">代练中</a></span>

                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">待验收</a></span>

                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">已完成</a></span>

                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">已下架</a></span>

                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">已删除</a></span>

                        </li>
                        <li class="tab-nav-item">

                                <span><a href="javascript:;">已撤销</a></span>

                        </li>
                    </ul>
                </div>
            </ul>
            <div class="tab-panel">
                <div class="tab-panel-item tab-active">
                    {volist name="order_list" id="vo"}
                    <a href="{:url('index/order_details')}?goodid={$vo.good_id}&&fa_user={$vo.nickname}" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>

                <div class="tab-panel-item ">
                    {volist name="dailianzhong" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
                <div class="tab-panel-item ">
                    {volist name="daiyanshou" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
                <div class="tab-panel-item ">
                    {volist name="yiwancheng" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
                <div class="tab-panel-item ">
                    {volist name="yixiajia" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
                <div class="tab-panel-item ">
                    {volist name="yishanchu" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
                <div class="tab-panel-item ">
                    {volist name="yichexiao" id="vo"}
                    <a href="javascript:;" class="aui-flex-item">
                        <div class="aui-flex">
                            <div class="aui-flex-box">
                                <label style="background: #2ede96;padding: 3px;">{$vo.goods_type}</label>
                                <label style="font-size: 1.1rem;">{$vo.client}-{$vo.qu}</label>
                                <div style="    margin-top: 10px;">
                                    <p>游戏名称：王者荣耀</p>
                                    <p>代练账号：{$vo.game_account}</p>
                                    <p>剩余时间：{$vo.ask_ok_time}小时</p>
                                    <p>保证金：￥{$vo.bond}元</p>
                                    <!--                                <div class="aui-info">-->
                                    <!--                                    <em>双人套餐</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                    <em>新人专享</em>-->
                                    <!--                                </div>-->
                                </div>
                            </div>

                            <div class="aui-text">

                                <h4 style="margin-bottom: 60px;color: #0381f4;margin-left: -10px;">
                                    {if condition="$vo.status == 2"}
                                    代练中
                                    {elseif condition="$vo.status == 3"}
                                    待验收
                                    {elseif condition="$vo.status == 4"}
                                    已完成
                                    {elseif condition="$vo.status == 5"}
                                    已下架
                                    {elseif condition="$vo.status == 6"}
                                    已删除
                                    {elseif condition="$vo.status == 7"}
                                    已撤销
                                    {/if}
                                </h4>
                                <h3>
                                    <i>￥</i>
                                    {$vo.dl_price}
                                </h3>
                            </div>
                        </div>
                        <div class="aui-flex aui-border">
                        </div>
                    </a>
                    {/volist}
                </div>
            </div>
        </div>
    </section>
</section>
{include file="layout/footer" /}
<script type="text/javascript" src="__CDN__/assets/order/js/jquery.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/order/js/tab.js"></script>
</body>
</html>
